<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分区元素</title>
</head>
<body>
    <!-- 1.行内分区元素 不会换行 用于选中一行中的一部分内容 -->
    马上就 <span style="color: red">2025</span> 年了，你想好要干什么了吗？
    <p style="color:red;">马上就<span>2025</span>年了,你想好要干什么了吗?</p>
    <br>
    <!-- 要求：JSDTN2409改为绿色green字 第三阶段改为蓝色blue字 -->
    欢迎各位小可爱进入<span style="color: green;">JSDTN2409</span>班
    学习<span style="color: blue">第三阶段</span>！

    <br>
    <!-- 2.块级分区元素 独占一行(默认宽度为父级宽度的100%，高度为0，靠内容撑起来) -->
    <div></div>
    我是内容
    <div>我是内容</div>
    我是内容
    <hr>
    <div class="header">顶部条</div>
    <div class="nav">导航栏</div>
    <div class="aside">侧边栏</div>
    <div class="main">主体内容</div>
    <div class="section">某个区域</div>
    <div class="article">文章</div>
    <div class="footer">底部条</div>
    <hr>
    <header>顶部条</header>
    <nav>导航栏</nav>
    <aside>侧边栏</aside>
    <main>主体内容</main>
    <section>某个区域</section>
    <article>文章</article>
    <footer>底部条</footer>
</body>
</html>